<template>
    <div>
        <div style="margin: 100px 30px 20px 30px">
            <div style="border-bottom: 1px solid #eee;margin-bottom: 40px;">
                <input style="border:none;width: 100%;" placeholder="请输入手机号"/>
            </div>
            <div style="border-bottom: 1px solid #eee;margin-bottom: 40px;">
                <input style="border:none;width: 100%;" placeholder="请输入密码，8-16为数字，字母"/>
            </div>
            <div style="border-bottom: 1px solid #eee;margin-bottom: 40px;display: flex;">
                <input style="border:none;flex: 6;" placeholder="请输入验证码"/>
                <mt-button style="flex: 2;height: 30px;line-height: 30px;border: 1px solid #cccccc;border-radius: 20px;font-size: 12px;" plain>获取验证码</mt-button>
            </div>
            <mt-button type="default" style="color: #fff;border-radius: 30px;background-color: #cccccc;display: block;margin: 0 auto;padding: 0 30px;">绑定手机</mt-button>
        </div>


    </div>
</template>

<script>
    export default {
        name: "bind-mobile"
    }
</script>

<style scoped>

</style>